<template>
  <div>
      <!-- 
        组件属性
        标签用于两类重要的设置
        1.双标签的值
        2.属性:各种各样的其他设定
       -->

       <button id="b1" disabled class="xxx">注册</button>
       
       <!-- 期望 -->
       <my-alert type="success" x="9.9" y="asd">坤坤篮球</my-alert>

       <!-- 
        冒号
        1.带:是vue语法,值为js代码
        2.不带:是html语法 值是字符串
        -->

        <my-alert type="warning" :x="8+8" y="asd">坤坤篮球</my-alert>
        <my-alert type="info" :x="8+8" y="asd">坤坤篮球</my-alert>
        <my-alert type="error" :x="8+8" y="asd">坤坤篮球</my-alert>

  </div>
</template>

<script>
import MyAlert from './components/MyAlert.vue'
  export default {
  components: { MyAlert },
    
  }
</script>

<style lang="scss" scoped>

</style>